<div id="top-bar">
	<div id="top-bar-content">
		<a href="http://onki.fi/{{ lang }}/" id="logo-onki"> </a>
		<div id="navigation">
			<div id="navi1-bg" class="link-bg">
				<a href="{{ path_fix }}{{ lang }}/" id="navi1"
					class="navigation-font"
					title="{% trans %}Choose ontologies and vocabularies for browsing{% endtrans %}"> {% trans "Ontologiat ja sanastot" %}</a>
			</div>
			<div id="navi1-right" class="right-end"></div>
			<div id="navi2-left" class="left-end"></div>
			<div id="navi2-bg" class="link-bg">
				<a href="#" id="navi2" class="navigation-font"
					title="{% trans %}View the instructions{% endtrans %}"> {% trans "Käyttöohjeet" %}</a>
			</div>
			<div id="navi2-right" class="right-end"></div>
			<div id="navi3-left" class="left-end"></div>
			<div id="navi3-bg" class="link-bg">
				<a href="{{ path_fix }}{{ lang }}/about" id="navi3" class="navigation-font"
					title="{% trans %}Further information about the service{% endtrans %}"> {% trans "Lisätietoja" %}</a>
			</div>
			<div id="navi3-right" class="right-end"></div>
			<div id="navi4-left" class="left-end"></div>
			<div id="navi4-bg" class="link-bg">
				<a href="{{ path_fix }}{% if vocab_id and vocab.title%}{{ vocab_id }}/{% endif %}{{ lang }}/feedback" id="navi4" class="navigation-font"
					title="{% trans %}Give feedback for the service{% endtrans %}"> {% trans "Palaute" %}</a>
			</div>
			<div id="navi4-right" class="right-end"></div>
		</div>
		<div id="language">
			<a href="#" class="language-selection {% if lang == 'fi' %}language-selected{% endif %}"
				onclick="createCookie('ONKI_LANGUAGE', 'fi', 365); parent.location = document.location.href.replace('/fi/', '/fi/').replace('/sv/', '/fi/').replace('/en/', '/fi/'); return false;"> suomeksi</a> <a
				href="#" class="language-selection {% if lang == 'sv' %}language-selected{% endif %}"
				onclick="createCookie('ONKI_LANGUAGE', 'sv', 365); parent.location = document.location.href.replace('/fi/', '/sv/').replace('/sv/', '/sv/').replace('/en/', '/sv/'); return false;"> på svenska</a> <a
				href="#" class="language-selection {% if lang == 'en' %}language-selected{% endif %}"
				onclick="createCookie('ONKI_LANGUAGE', 'en', 365); parent.location = document.location.href.replace('/fi/', '/en/').replace('/sv/', '/en/').replace('/en/', '/en/'); return false;"> in English</a>
		</div>
	</div>
</div>
<!-- top-bar ENDS HERE -->
